<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>冬奥共享学习</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<script type="text/javascript" src="../../plugin/browerVersion/browerVersion.js"></script>
		<link rel="stylesheet" href="../../plugin/bootstrap/bootstrap.min.css" />
		<link rel="stylesheet" href="../../skin/css/normalize.css" />
		<link rel="stylesheet" href="../../skin/fonts/iconfont.css" />
		<link rel="stylesheet" href="homePage.css" />
		<link rel="stylesheet" href="../../skin/css/style.css" />
		<link rel="stylesheet" href="../../../skin/opwg/style.css" />
		<script type="text/javascript" src="../../plugin/jquery/jquery-1.12.1.js"></script>
	</head>

	<body class="body">
		<div class="home1header-warpper">
			<div class="home1header">
				<img src="../../skin/img/222.png" />
			</div>
		</div>
		<div class="nav-topline">
			<div class="pull-left" style="background-color: #5ed1d8;width: 30%;height: 100%;"></div>
			<div class="pull-left" style="background-color: #c1e400;width: 20%;height: 100%;"></div>
			<div class="pull-left" style="background-color: #ff5501;width: 20%;height: 100%;"></div>
			<div class="pull-left" style="background-color: #f9a123;width: 20%;height: 100%;"></div>
			<div class="pull-left" style="background-color: #5ed1d8;width: 10%;height: 100%;"></div>
		</div>
		<div class="home1nav-warpper">
			<div class="home1nav-container">
				<ul class="nav-list">
					<li>
						<a class="nav-listitem nav-active" href="./homePage.html">首页</a>
					</li>
					<li>
						<a class="nav-listitem" href="../../../portal/courselibrary/toCourseLibrary.do">在线课程</a>
					</li>
					<li>
						<a class="nav-listitem" href="../../../portal/resource/findList">在线课件</a>
					</li>
					<li>
						<a class="nav-listitem" href="../../../portal/column/toKnowledge">奥运会知识管理(OGKM)</a>
					</li>
					<li>
						<a class="nav-listitem" href="../../../portal/column/toParalympicsplan">卓越计划</a>
					</li>
					<!-- <li>
						<a class="nav-listitem" href="../../../portal/teacher/findTeacher">培训师</a>
					</li> -->
					<li>
						<a class="nav-listitem" href="../../../portal/information/findList">资讯</a>
					</li>
					<!-- <li>
						<a class="nav-listitem" href="../../../portal/column/toPavilion">培训基地</a>
					</li> -->
					<li>
						<a class="nav-listitem" href="../../../opwguser/usercenter/toCenter">个人空间</a>
					</li>
				</ul>
				<div style="position: absolute;right: 90px;top: 0;color: #d1d1d1;">
					<span class="searchicon glyphicon glyphicon-search" style="margin-right: 10px;"></span><span class="sanjiao glyphicon glyphicon-triangle-top"></span>
				</div>
				<div class="user-search" style="padding-top:10px;">
					<div class="input-group">
						<span class="glyphicon glyphicon-search" style="position: absolute;left: 8px;top: 11px;z-index: 10;color: #C0C0C0;width:20px;"></span>
						<input type="text" class="form-control sousuo" id="search" placeholder="请搜索课程...">
						<span class="input-group-btn" style="line-height: 11px;">
       						<button class="btn btn-default sousuo-btn" id="courseSearch" type="button">搜索</button>
     					</span>
					</div>
				</div>
			</div>
		</div>
		<div class="nav-bottomline">
			<div class="pull-left" style="background-color: #df901f;width: 20%;height: 100%;"></div>
			<div class="pull-left" style="background-color: #d64701;width: 20%;height: 100%;"></div>
			<div class="pull-left" style="background-color: #b4d500;width: 20%;height: 100%;"></div>
			<div class="pull-left" style="background-color: #4fafb5;width: 20%;height: 100%;"></div>
			<div class="pull-left" style="background-color: #e89621;width: 20%;height: 100%;"></div>
		</div>
		<div class="home1banner">
			<div class="logincontent">
				<div class="user-login">
					<div class="login-title">
						用户登录
					</div>
					<form id="login-form" class="form-horizontal" method="post" action="../../../login" onsubmit="return loginValidation()" >
						<div class="form-group">
							<label class="col-sm-3 control-label">
								用户名:
							</label>
							<div class="col-sm-9 control-content">
								<div class="input-left-icon">
									<img src="../../skin/img/yh.png" />
								</div>
								<input class="form-control yhmm" id="login_username" type="text" name="username" value="" required placeholder='邮箱/手机/用户名'/>
								<!-- <input type="text" class="form-control yhmm" placeholder="请输入用户名"> -->
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">
								密&nbsp;&nbsp;&nbsp;码:
							</label>
							<div class="col-sm-9 control-content">
								<div class="input-left-icon">
									<img src="../../skin/img/mm.png" />
								</div>
								<input class="form-control yhmm" id="login_password" type="password" name="password" required placeholder='输入密码' autocomplete='off'/>
								<!-- <input type="password" class="form-control yhmm" placeholder="输入密码"> -->
							</div>
						</div>
						<div class="form-group" style="margin-bottom:10px;">
							<label class="col-sm-3 control-label">
								验证码:
							</label>
							<div class="col-sm-5 control-content">
								<!-- <input type="text" class="form-control yzminput" placeholder="请输入验证码"> -->
								<input class="form-control yzminput" type="text" id="PverificationCodeId" name="PverificationCode" value="" placeholder="请输入验证码">
							</div>
							<div class="col-sm-4 yymdiv">
	                    		<img class="yzmimage" src="../../../portal/captcha/generateCaptcha.do?num=0" id="PverificationImg" style="cursor:pointer;">
								<!-- <img class="yzmimage" src="../../skin/img/yzm.png" /> -->
							</div>
						</div>
                        <div class="controls" style="height:20px;padding-left:85px;">
							<span class="text-danger" id="userCheck" style="display:none;">用户名或密码错误</span>
							<span class="text-danger" id="verificationCode" style="display:none;">验证码错误</span>
                        </div>
						<div class="form-group">
							<div class="col-sm-12 submitbtnbox">
								<button type="submit" class="btn btn-primary btn-lg btn-block" style="margin-top:10px">登录</button>
							</div>
						</div>
					</form>
				</div>
				<div class="login-info" style="display: none;">
					<div class="login-title">
						用户信息
					</div>
					<div class="col-sm-12" stle="padding:0px;">
						<div class="user-img col-sm-5" style="cursor:pointer;" onclick="javascript:window.location.href='../../../opwguser/usercenter/toCenter'">
							<img src="../../skin/img/default_head.png"/>
						</div>
						<div class="col-sm-7" style="padding-top:10px;">
							<span style="font-size:18px;">欢迎，</span>
							<div class="user-name">
							
							</div>
							<span style="font-size:16px;" class="user-score"></span>
						</div>
						<div class="user-btn col-sm-12">
							<button type="button" style="width:132px;" class="btn btn-primary confirm" onclick="javascript:window.location.href='../../../opwguser/usercenter/toCenter'">个人空间</button>
							<button type="button" style="float:right;width:86px;" class="btn btn-primary confirm" onclick="javascirpt:window.location.href='../../../logout'">注销</button>
						</div>
					</div>
				</div>
			</div>
			<div class="new-topic">
				<div class="new-topic-left col-md-2">最新主题</div>
				<div class="new-topic-right col-md-9"><span class="topic-info"></span></div>
			</div>
		</div>
		<div class="home1container-warpper">
			<div class="home1container">
				<div class="fl-content">
					<img class="fl-image" src="../../skin/img/h2fl1.png"  onclick="javascirpt:window.location.href='../../../portal/courselibrary/toCourseLibrary.do'" style="cursor:pointer;"/>
					<div class="fl-box">
						<div class="fl-line"></div>
						<div class="fl-title">课程库</div>
						<p class="fl-descrip">该版块是北京冬奥会和冬残奥会在线课程学习版块，汇总了“双周一课大讲堂”系列讲座等通用知识课件、各业务领域奥运会知识管理（OGKM）初始研讨会及相关专业培训课件，卓越计划培训课件等，供筹办人员在线学习。</p>
						<button type="button" class="btn btn-default btn-lg btn-block" onclick="javascirpt:window.location.href='../../../portal/courselibrary/toCourseLibrary.do'">查看更多课程</button>
					</div>
				</div>
				<div class="fl-content">
					<img class="fl-image" src="../../skin/img/h2fl2.png" onclick="javascript:window.location.href='../shareLearning/shareLearning.html'" style="cursor:pointer;"/>
					<div class="fl-box">
						<div class="fl-line"></div>
						<div class="fl-title">共享学习</div>
						<p class="fl-descrip">该版块是北京冬奥组委召开各类国际会议、举办重要内部培训的实时在线互动平台，筹办人员注册登陆后，可在第一时间了解相关会议、培训的内容，并实现在线互动。</p>
						<button type="button" class="btn btn-default btn-lg btn-block" onclick="javascript:window.location.href='../shareLearning/shareLearning.html'">查看详情</button>
					</div>
				</div>
				<div class="fl-content">
					<img class="fl-image" src="../../skin/img/h2fl3.png" onclick="javascript:window.location.href='../../../portal/resource/findList'" style="cursor:pointer;"/>
					<div class="fl-box">
						<div class="fl-line"></div>
						<div class="fl-title">资料库</div>
						<p class="fl-descrip">该版块是北京冬奥组委各部门、各业务领域学习资料、影像资料的汇总，关联国际奥委会奥运会知识管理（OGKM）和国际残奥委会卓越计划提供的相关学习资料。</p>
						<button type="button" class="btn btn-default btn-lg btn-block" onclick="javascript:window.location.href='../../../portal/resource/findList'">查看详情</button>
					</div>
				</div>
			</div>
		</div>
		<div class="h1footer-warpper">
			<div class="h1footer">
				<div class="copyrightInfo">
					<span>版权©北京2022年冬奥会和冬残奥会组织委员会</span>
					<span>Beijing Organising Committee for the 2022 Olympic and Paralympic Winter Games All Rights Reserved</span>
					<span>京ICP备05014028号-2</span>
				</div>
				<div class="linkFlag">
					 <a class="vendor-logo" id="vendor-weixin">
		            	<div class="erweima">
			            <span class="left-tri"></span>
				            <img src="http://mat1.gtimg.com/bj2022/winter-olympic-2022/dongaoweixin.jpg" alt="">
				        </div>
		            </a>
		            <a class="vendor-logo" id="vendor-weibo"  href="http://weibo.com/u/5980037952?refer_flag=1001030101_&amp;is_hot=1#_loginLayer_1469943377816" target="_blank">
		            </a>
				</div>
			</div>
		</div>
		<script src="../../../static/lib/js/jquery/jquery.md5.js" type="text/javascript"></script> 
		<script type="text/javascript" src="homePage.js"></script>
	</body>

</html>